<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>

export default {
  name: 'app'
}
</script>

<style>
* {
  /*font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/* fade */
.page-enter-active,
.page-leave-active {
  transition: all 0.25s ease-out;
}
.page-enter,
.page-leave-to {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}
.page-enter-active,
.page-leave-active {
  transition: all 0.25s ease-out;
}
/* fade */
body, p {
  margin: 0;
}
.home .ivu-menu-dark {
  background-color: #212734;
}
.home .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item-active, 
.home .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item:hover, 
.home .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu-active, 
.home .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu:hover {
  color: #0088DE!important;
  border-bottom: 0;
}
.home .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item {
  color: #FFFFFF;
}
.service-banner .ivu-carousel-dots-outside {
  margin: 40px 0 0 0;
}
.service-banner .ivu-carousel-dots li.ivu-carousel-active>button {
  background-color: #0088DE;
}
.ivu-carousel-arrow {
  background-color: transparent!important;
  color: #979797!important;
}
.ivu-carousel-arrow .ivu-icon {
  font-size: 20px;
}
.ivu-tabs-bar {
  border-bottom: 0!important;
}
.ivu-tabs-nav-wrap {
  margin-bottom: 0!important;
}
.ivu-tabs-tab {
  background: rgba(255,255,255,1);
  border: 1px solid rgba(230,230,230,1)!important;
}
.ivu-tabs-nav .ivu-tabs-tab-active {
  background-color: #0088DE;
  color: #fff!important;
}
.ivu-tabs-ink-bar {
  display: none!important;
}
.ivu-page-item,.ivu-page-next, .ivu-page-prev {
  border-radius: 0!important;
  border: 0!important;
  background-color: transparent!important;
}
.ivu-page-item-active {
  background-color: #0088DE!important;
}
.ivu-page-item-active a {
  color: #fff!important;
}
.ivu-breadcrumb>span:last-child {
  color: #0088DE!important;
  font-weight: normal!important;
}
.company-dynamics .ivu-tabs-bar {
  padding-left: calc((100% - 1200px) / 2);
  padding-right: calc((100% - 1200px) / 2);
}
.company-dynamics .ivu-tabs-content {
  padding: 20px 0 0 0;
}
.company .ivu-carousel-arrow.left {
  left: 0;
}
.company .ivu-carousel-arrow.right {
  right: 0;
}
</style>
